Ext.define('Demo.view.Viewport', {
    extend: 'Ext.container.Viewport',
    //布局方式：border
    layout: 'border',
    requires:['Demo.view.menuTree'],
    items: [{
        	region: 'north',
            //split: true,
           // collapsible: true,
           // collapsed: true,
            title: 'EXT MVC',
            margins: '0 0 5 0'
    },{
    	region: 'west',
    	width: 250,
        collapsible: true,//允许折叠
        collapsed: false,//关闭
        title: '菜单',
        defaults: {
            // applied to each contained panel
            bodyStyle: 'padding:15px'
        },
        layout: {
            // layout-specific configs go here
            type: 'accordion',
            titleCollapse: true,
            animate: true,
            activeOnTop: true
        },
        items: [{
        	title:'first',
        	xtype:'menutree'
        },{
            title: 'Panel 2',
            html: '<iframe id="menuTree" src="menuTree.jsp" width="100%" height="100%" marginwidth="0" framespacing="0" marginheight="0" frameborder="0" ></iframe>'
        },{
            title: 'Panel 3',
            html: 'Panel content!'
        }]
        //这里是修改的部分
       // items:[{
      //      xtype: 'treePanel'
      //  }]
    }, {
    	id: 'mainContent',
    	region: 'center',
        xtype: 'tabpanel',
        split: true,
        activeItem: 0,
        items: {
            title: '首页',
            html: '<iframe id="index" src="index.jsp" width="100%" height="100%" marginwidth="0" framespacing="0" marginheight="0" frameborder="0" ></iframe>'
        }
    },{
            region: 'south',
            title: '这里放置版权信息',
            collapsible: false,          //允许折叠
            split: true
    }]
});

